$(function(){
    //*************************************banner content往上走
    var doscroll = function(){
        var $parent = $('.content2');
        var $first = $parent.find('div:first');//find找到父元素下的所有的div   div:first 当前第一个元素
        // console.log($first.height());
        var height = $first.height()*1.6;

        $first.animate({marginTop: - height + 'px'}, 600
            , function() {
               var a =  $first.css('marginTop', 0).appendTo($parent);
                //appendTo(a)将.box 下的第一个div追加到.box末尾的位置
                // 谁top了就添加到末尾的位置
                //在这里坑了我5小时   因为li 设置成display:inline-block; 所以走一下会卡顿下
            });
    };
    setInterval(function(){
        doscroll()
    }, 2000);
    //*************************************banner content
    //*************************************************学员轮播
    box = {
        i:0
    };
    var i=0;
     var timer;
    // console.log(timer);
        $('.ousel').eq(0).show().siblings().hide();//siblings()
        showTimer();
        $('.spae .left').click(function(){
            clearInterval(timer);
            if (box.i==0) {
                box.i=2;
            }
            box.i--;
            show();
             showTimer();
        })
        $('.spae .right').click(function(){
            clearInterval(timer);
            if (box.i==1) {
                box.i=-1;
            }
            box.i++;
            show();
            showTimer();
        })
    function show(){
        $('.ousel').eq( box.i).fadeIn(1000).siblings().fadeOut(1000);
    }
    function showTimer(){
        timer=setInterval(function(){ //setInterval()
            box.i++;
            if (box.i==2) {
                box.i=0;
            }
            show();
        },3000);
    }
    //*************************************************学员轮播
    //*************************************************老师的信息
    $(".mis_portrait .content").eq(0).show().siblings().hide();
    $(".mis_portrait2 .portrait1").eq(0).show().siblings().hide();
    function callShow() {
        $(".mis_portrait .content").eq(i).show().siblings().hide();
        $(".mis_portrait2 .portrait1").eq(i).show().siblings().hide();
        $(".portrait2 img").eq(i).addClass("left_ou").siblings().removeClass("left_ou")
    }
    $(".arrow_ .left").click(function () {
        if(i==0){
            i=3
        }
        i--;
        callShow();
    })
    $(".arrow_ .right").click(function () {
        if (i==2) {
            i=-1;
        }
        i++;
        callShow();
    });
    function click_img() {
        $(".portrait2 img").click(function () {
            var a = $(".portrait2 img").index(this);
            $(".mis_portrait .content").eq(a).show().siblings().hide();
             $(".mis_portrait2 .portrait1").eq(a).show().siblings().hide();
        })
    }
    click_img();
    //*************************************************老师的信息

})
